
<template>
  <div>
      <van-row class="footer">
      <van-col class="footer_1">
        <van-tabbar v-model="active" class="footer_12" active-color="rgba(42, 131, 78, 1)">
          <van-tabbar-item
            icon="wap-home"
            color="rgba(42, 131, 78, 1)"
            @click="footer('/home')"
            >首页</van-tabbar-item
          >
          <van-tabbar-item
            icon="search"
            color="rgba(42, 131, 78, 1)"
            @click="footer('/qualityArchives')"
            >品质档案</van-tabbar-item
          >
          <van-tabbar-item
            icon="orders-o"
            color="rgba(42, 131, 78, 1)"
            @click="footer('/shenzhen')"
            >电子月刊</van-tabbar-item
          >
          <van-tabbar-item
            icon="manager"
            color="rgba(42, 131, 78, 1)"
            @click="footer('/Member')"
            >我</van-tabbar-item
          >
        </van-tabbar>
      </van-col>
    </van-row>
  </div>
</template>
<script>
export default {
    data(){
        return{
            active: "",
        }
    },
    methods:{
         footer(value) {
      this.$router.push({ path: value }).catch(error=>error)
    },
    },
}
</script>
<style lang="less" scoped>
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
.footer {
    height: 59px;
    top: 675px;
    color: rgba(80, 80, 80, 1);
    font-size: 16px;
    .footer_1 {
      height: 59px;
      position: fixed;
      bottom: 0;
      z-index: 2;
      background-color: rgb(250, 250, 250);
      .footer_12 {
        height: 59px;
      }
    }
  }
}
</style>